.popup_container
{
    position: relative;
}
.popup_container{
    z-index: 0;
}

.popup_container:hover
{
    background-color: inherit;
    z-index: 50;
}

.popup_container .left_down_popup,
.popup_container .left_up_popup,
.popup_container .left_over_popup,
.popup_container .right_down_popup,
.popup_container .right_up_popup,
.popup_container .right_over_popup
{
    position: absolute;
    display: none;
    text-decoration: none;
    padding: 5px;
    background-color: rgb(48, 48, 48);
}
.popup_container .left_down_popup,
.popup_container .right_down_popup
{
    top: 100%;
    bottom: auto;
    border-radius: 0px 0px 10px 10px;
}

.popup_container .left_up_popup,
.popup_container .right_up_popup
{
    top: auto;
    bottom: 100%;
    border-radius: 10px 10px 0px 0px;
}

.popup_container .left_over_popup,
.popup_container .right_over_popup
{
    top: 0%;
    bottom: auto;
    border-radius: 10px 10px 10px 10px;
}

.popup_container .left_down_popup,
.popup_container .left_up_popup,
.popup_container .left_over_popup
{
    left: auto;
    right: 0;
}
.popup_container .right_down_popup,
.popup_container .right_up_popup,
.popup_container .right_over_popup
{
    left: 0;
    right: auto;
}

.popup_container:hover div.left_down_popup,
.popup_container:hover div.left_up_popup,
.popup_container:hover div.left_over_popup,
.popup_container:hover div.right_down_popup,
.popup_container:hover div.right_up_popup,
.popup_container:hover div.right_over_popup
{
    display: block;
}
.popup_container:hover span.left_down_popup,
.popup_container:hover span.left_up_popup,
.popup_container:hover span.left_over_popup,
.popup_container:hover span.right_down_popup,
.popup_container:hover span.right_up_popup,
.popup_container:hover span.right_over_popup
{
    display: inline;
}

.popup_container .popup_title a
{
    text-decoration: underline;
}
.expansion_title,
.expansion_footer
{
    cursor: pointer;
}
.expansion_content p
{
    background-color: rgb(48, 48, 48);   
}
.expansion_container h2
{
    display: inline;
}
.arrow_down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
}
.small_arrow_down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid white;
}
.arrow_up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
}